<script setup>
// 一旦在script标签上添加了setup属性, 就可以采用函数式的编程方式
import { ref } from 'vue'
// defineProps: 接收父组件通过自定义属性传递的数据
defineProps({
  msg: String
})
// 通过ref属性创建了一个响应式数据
const count = ref(0)
//
const updateCount=()=>{
  // count++;
  count.value++
}
</script>

<template>
  <h1>{{ msg }}</h1>

  <button type="button" @click="updateCount">count is: {{ count }}</button>
  
</template>

<style scoped>
a {
  color: #42b983;
}
</style>
